<template>
	<div class="collapse navbar-collapse justify-content-end" id="navbarText">
		<ul class="navbar-nav align-items-start">
			<li class="nav-item  p-3" v-for="item in routerList " :key="item.path">
				<router-link :to="{ path: `${item.path}` }">{{ item.routerName }}</router-link>
			</li>
		</ul>
	</div>

</template>

<script>
export default {
	data() {
		return {
			routerList: [
				{ path: '/#/', routerName: '首页' },
				{ path: '/document', routerName: '文档' },
				{ path: '/news', routerName: '新闻' },
				{ path: '/download', routerName: '下载' },
				{ path: '/vision', routerName: '愿景' },
				{ path: '/product', routerName: '产品' },
				{ path: '/cooperation', routerName: '合作' },
			]
		}
	}

}
</script>

<style lang="scss" scoped>
.router-link-exact-active,
.router-link-active {
	color: #4c93ff;


}

a {
	font-weight: 400;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}
</style>